@charset "utf-8";
*{
    margin: auto;
}
.top{
    width: 1280px;
    height: 38px;
    background: #dfdfde;
    >p{
        display: inline-block;
        line-height: 38px;
        font-size: 14px;
    }
}
.top-p1{
    margin-left: 158px;
}
.top-p2{
    margin-left: 633px;
}
.top-p3{
    margin-left: 25px;
}
.nav{
    position: relative;
    height: 96px;
    width: 1280px;
}
.logo{
    margin-top: 2px;
    margin-left: 154px;
    display: inline-block;
}
.name{
    margin-left: 9px;
    position: absolute;
    top: 22px;
    width: 177px;
    display: inline-block;
}
.name1,.name2{
    display: inline-block;
}
.name1{
    font-size: 24px;
    font-weight: bold;
}
.name2{
    font-size: 12.5px;
}
.nav-cf{
    margin-left: 330px;
    vertical-align: top;
    display: inline-block;
    a{
        color: black;
    }
}
.nav-fl{
    float:left;
    text-align: center;
    width:80px;
    height:96px;
}
.nav-p1{
    padding-top: 30px;
}
.nav-p{
    font-size: 14px;
    font-weight: bold;
}
.nav-fl:hover{
    background: #faf8f8;
    border-bottom: 3px solid #3c9cd3;
}
.lunbo-image{
    height: 550px;
    width: 1280px;
}
.lunbo{
    font-size: 0;
    box-shadow: 0px 5px 10px #dbe9f0;
}
.content{
  width: 1280px;
  height: 699px;
  background: #f6f6f6;  
}
.content-cf{
    text-align: center;
}
.content-fl{
    margin-left: 8px;
    margin-right: 8px;
    margin-top:67px;
    vertical-align: top;
    background: white;
    height: 475px;
    display: inline-block;
    width: 315px;
}
.content-blue{
    text-align: center;
    background: #2395cb;
    height: 168px;
}
.content-logo{
   padding-top:15px;
}
.content-p1,.content-p2{
    font-size: 18px;
    color: white;
    margin-top: 8px;
}
.downline{
    margin-top: 6px;
    width: 106px;
    border-bottom: 1px solid white;
}
.sanjiaoxing{
    width: 0;
    height: 0;
    border-width: 21px;
    border-style: solid;
}
.sanjiaoxing-blue{
    @extend .sanjiaoxing;
    border-color: #2395cb transparent transparent transparent;
}
.content-p3{
    padding-left: 18px;
    font-size: 16px;
    font-weight: bold;
}
.box1{
    margin: 0;
    height: 135px;
    width: 292px;
}
.content-img1{
    float: left;
    margin-left: 18px;
    margin-top: 17px;
    width: 111px;
    height: 98px;
}
.content-p4{
    text-align: left;
    line-height: 22px;
    margin-left: 37px;
    margin-top: 22px;
    display: inline-block;
    width: 126px;
    font-size: 14px;
    font-weight: bold;
}
.content-p5{
    text-align: left;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}
.content-ul{
    text-align: left;
    margin-left: 15px;
    margin-top: 10px;
}
.content-li{
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
}
.dian{
    margin-right: 15px;
    color: #2395cb;
}
.content-green{
    text-align: center;
    background: #3ed1a4;
    height: 168px;
}
.sanjiaoxing-green{
    @extend .sanjiaoxing;
    border-color: #3ed1a4 transparent transparent transparent;
}
.content-img2{
    text-align: center;
}
.green-p1{
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    color: #2395cb;
}
.green-p2{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 18px;
}
.content-purple{
    text-align: center;
    background: #895ea3;
    height: 168px;
}
.sanjiaoxing-purple{
    @extend .sanjiaoxing;
    border-color: #895ea3 transparent transparent transparent;
}
.content-img3{
    margin-top: 4px;
    text-align: center;
}
.purple-bg{
    text-align: center;
    width: 315px;
    height: 130px;
    background: url(../img/content-bg_06.png);
}
.purple-p{
    margin-top: 59px;
    display: inline-block;
    width: 216px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
.us-p{
    margin-top:60px ;
  font-size: 18.22px;
  font-weight: bold;
  text-align: center;  
}
.store{
    margin-top: 18px;
    width: 257px;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
}
.store-p{
    text-align: center;
    width: 107px;
    position: absolute;
    left: 50%;
    margin-top: -6.1px;
    margin-left: -53.5px;
    background: #f6f6f6;
    color: #d2d2d2;
    font-size: 12.15px;
}
.aboutus{
    text-align: center;
    width: 1280px;
    height: 343px;
    background: url(../img/bg_02.png);
}
.aboutus-p1{
    padding-top:48px;
    font-size: 14px;
    line-height: 24px;
}
.aboutus-p2{
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    width: 892px;
}
.aboutus-img{
    display: inline-block;
    width:1050px;
    height: 167px;
    background: white;
}
.aboutus-li{
    margin-top: 4px;
    border: 1px solid #e8e8e8;
    width: 280px;
    height: 157px;
    margin-left: 4px;
    margin-right: 14px;
    float: left;
}
.li-left{
    overflow: hidden;
    width: 49px;
}
.li-right{
    overflow: hidden;
    width: 70px;
}
.lianxi{
    width: 1280px;
    height: 106px;
    background:#f6f6f6 ;
}
.lianxi-p{
    padding-top: 33px;
  font-size: 18.22px;
  font-weight: bold;
  text-align: center;  
}
.lianxius{
    text-align: center;
    vertical-align: top;
    width: 1280px;
}
.erweima{
    float: left;
    display: inline-block;
    width: 140px;
    height: 188px;
    border: 1px solid #ebebeb;
}
.erweima-img{
    margin: 7px;
}
.lianxi-p1{
    font-size:12px;
    line-height: 17px;
}
.lianxi-left{
    position: relative;
    margin-right: 20px;
    margin-top: 52px;
    width: 431px;
    display: inline-block;
}
 #container{
    position: absolute;
    top: 228px;
    width: 429px;
    height: 193px;
    background: red;
    border: 1px solid #e8e7e7;
}
.lianxi-right{
    margin-top: 52px;
    text-align: left;
    margin-left: 20px;
    vertical-align: top;
    display: inline-block;
    width: 604px;
    height: 420px;
}
.lianxi-ul{
    text-align: left;
    display: inline-block;
    float: right;
    width: 264px;
    font-size: 14px;
}
.lianxi-li{
    position: relative;
    line-height: 32px;
}
.lianxi-span{
    position: absolute;
    left: 34px;
}
.right-p{
    line-height: 27px;
    font-size: 14px;
}
.right-input{
    width: 604px;
    height: 32px;
    border: 1px dotted #d4d2d2;
   background: #f9f8f8;
   margin-bottom: 14.5px;
}
.textarea{
    width: 604px;
    height: 118px;
    resize: none;
    border: 1px dotted #d4d2d2;
    background: #f9f8f8;
}
.button{
    width: 94px;
    height: 30px;
    background: #3c9cd3;
    color: white;
    margin-top:20px; 
}
.foot{
    text-align: center;
    margin-top: 60px;
    width: 1280px;
    height: 102px;
    background: #3c9cd3;
    >.foot-p1{
        margin-top: 17px;
        display: inline-block;
        font-size: 12px;
        color: white;
        height: 24px;
        line-height: 24px;
        >img{
            vertical-align:text-bottom;
        margin-left: 22px;
    }
    }
    >.foot-p2{
        margin-top: 22px;
         font-size: 12px;
        color: white;
    }
}
.foot-black{
    text-align: center;
    line-height: 35px;
    width: 1280px;
    height: 35px;
    background: black;
    >span{
        font-size: 12px;
        color: white;
    }
}

